<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.w3.org/1999/xhtml">
<head th:replace="/ucenter/_layout :: head(~{::title})">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>用户中心</title>
    <!-- icon的值需要注入 -->
    <link rel="shortcut icon" href="../../static/lib/img/k.ico" th:href="@{/lib/img/k.ico}" type="image/x-icon">

    <link rel="stylesheet" href="../../static/components/bootstrap/css/bootstrap.min.css" th:href="@{/components/bootstrap/css/bootstrap.min.css}">
    <link rel="stylesheet" href="../../static/components/bootstrap/css/bootstrap-datepicker3.min.css" th:href="@{/components/bootstrap/css/bootstrap-datepicker3.min.css}">
    <link rel="stylesheet" href="../../static/components/font-awesome/css/font-awesome.min.css" th:href="@{/components/font-awesome/css/font-awesome.min.css}">
    <link rel="stylesheet" href="../../static/components/ionicons/css/ionicons.min.css" th:href="@{/components/ionicons/css/ionicons.min.css}">
    <link rel="stylesheet" href="../../static/components/switchery/switchery.min.css" th:href="@{/components/switchery/switchery.min.css}">
    <link rel="stylesheet" href="../../static/components/toastr/toastr.min.css" th:href="@{/components/toastr/toastr.min.css}">
    <link rel="stylesheet" href="../../static/adminlte/css/AdminLTE.min.css" th:href="@{/adminlte/css/AdminLTE.min.css}">
    <link rel="stylesheet" href="../../static/adminlte/css/skins/skin-black-light.min.css" th:href="@{/adminlte/css/skins/skin-black-light.min.css}">
    <link rel="stylesheet" href="../../static/ucenter/css/jpressucenter.css" th:href="@{/ucenter/css/jpressucenter.css}">
    <link rel="stylesheet" href="../../static/components/layer/theme/default/layer.css" th:href="@{/components/layer/theme/default/layer.css}" id="layuicss-layer">
    <link rel="stylesheet" href="../../static/components/layer/theme/moon/style.css" th:href="@{/components/layer/theme/moon/style.css}" id="layuicss-themejpressstylecss">
</head>
<body class="sidebar-mini wysihtml5-supported skin-black-light layout-boxed">
<!-- UCenter_Header_Start -->
<header class="main-header" th:replace="/ucenter/_layout ::main-header">
    <!-- Logo -->

    <a href="#(CPATH)/ucenter" class="logo">
        <span class="logo-mini"><b>NTU</b></span>
        <span class="logo-lg"><b>-------------</b></span>
    </a>
    <nav class="navbar navbar-static-top">
        <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
            <span class="sr-only">切换</span>
        </a>
        <div class="navbar-custom-menu">
            <!-- 顶部菜单开始 -->
            <ul class="nav navbar-nav">
                <li >
                    <a href="#(CPATH)/ucenter/index">
                        <img src="#" class="user-image">
                        <span class="hidden-xs">您好, 1欢迎回来</span>
                    </a>
                </li>
                <li style="border-left: 1px solid #ccc;">
                    <a href=\"" target="_blank">
                        <i class="fa fa-fw fa-home"></i>
                    </a>
                </li>
                <!-- 登出 -->
                <li style="border-left: 1px solid #ccc;">
                    <a href="/logout.do">
                        <i class="fa fa-fw fa-circle-o-notch"></i>退出
                    </a>
                </li>
            </ul>
            <!-- 顶部菜单结束 -->
        </div>
    </nav>
</header>
<!-- UCenter_Header_End -->
<!-- UCenter_Left_Menu_Start -->
<aside class="main-sidebar" th:replace="/ucenter/_layout ::main-sidebar">
    <section class="sidebar">
        <ul class="sidebar-menu" data-widget="tree" id="sidebar-menu">
            <li class="block"></li>
            <li class="link">
                <a href="#(CPATH)/ucenter/index"><i class="fa fa-fw fa-home"></i> <span>首页</span></a>
            </li>

            <li class="header">我的内容</li>
            <li class="treeview menu-open" style="height: auto;">
                <a href="#">
                    <i class="fa fa-fw fa-file-text"></i> <span>我的文章</span>
                    <span class="pull-right-container">
                       <i class="fa fa-angle-left pull-right"></i>
                    </span>
                </a>
                <ul class="treeview-menu" style="display: block;">
                    <!--获取用户文章-->
                    <li><a href="http://localhost:8080/Jpress/ucenter/article" target="">文章列表</a></li>
                    <li><a href="http://localhost:8080/Jpress/ucenter/article/write" target="">投稿</a></li>
                </ul>
            </li>

            <li class="treeview">
                <a href="#">
                    <i class="fa fa-fw fa-bookmark"></i> <span>我的收藏</span>
                    <span class="pull-right-container">
                       <i class="fa fa-angle-left pull-right"></i>
                    </span>
                </a>
                <ul class="treeview-menu">
                    <!--获取用户收藏点赞-->
                    <li><a href="http://localhost:8080/Jpress/ucenter/article/favorite" target="">文章收藏</a></li>
                    <li><a href="http://localhost:8080/Jpress/ucenter/article/givelike" target="">我的点赞</a></li>
                </ul>

            </li>
            <li >
                <a href="comment.html">
                    <i class="fa fa-fw fa-commenting"></i> <span>我的评论</span>
                    <span class="pull-right-container">
	                    </span>
                </a>
            </li>

            <li class="header">个人信息</li>
            <li class="link">
                <a href="user.html"><i class="fa fa-fw fa-coffee"></i> <span>个人中心</span></a>
            </li>

            <li class="link">
                <a href="user_info.jsp"><i class="fa fa-fw fa-user"></i> <span>基本信息</span></a>
            </li>
            <li class="link">
                <a href="signature.html"><i class="fa fa-fw fa-bars"></i> <span>个人签名</span></a>
            </li>
            <li class="link">
                <a href="avatar.html"><i class="fa fa-fw fa-black-tie"></i> <span>头像设置</span></a>
            </li>
            <li class="link">
                <a href="pwd.html"> <i class="fa fa-fw fa-key"></i> <span>账号密码</span></a>
            </li>
        </ul>
    </section>
    <!-- /.sidebar -->
</aside>
<!-- UCenter_Left_Menu_End -->
<!-- Form -->
<!-- Article_Start -->
<div class="content-wrapper">
    <section class="content-header">
        <h1>文章管理<small>Article Management</small></h1>
    </section>
    <section class="content">
        <div class="row">
            <div class="col-xs-12">
                <div class="box box-primary">
                    <div class="box-header with-border">
                    </div>
                    <!-- /.box-header -->
                    <div class="box-body no-padding">
                        <table class="table table-striped">
                            <tbody>
                            <tr>
                                <th>标题</th>
                                <th>分类</th>
                                <th>标签</th>
                                <th><i class="fa fa-commenting"></i></th>
                                <th>最后更新时间</th>
                            </tr>
                            <tr class="jp-actiontr" th:each="ArticleShow : ${ucenterArticleShows}">
                                <td>
                                    <strong><a href="#" target="_blank" th:text="${ArticleShow.Article.title}">文章标题</a></strong>
                                </td>
                                <td>
                                    <a th:if="${ArticleShow.classify!=null}" th:text="${ArticleShow.classify.title}">文章分类</a>
                                    <a th:if="${ArticleShow.classify==null}" th:text="未添加分类">未添加分类</a>
                                </td>
                                <td>
                                    <a th:if="${ArticleShow.tags!=null}" th:each="ArticleCategory : ${ArticleShow.tags}" th:text="${ArticleCategory.title}+' ,'">文章标签</a>
                                    <a th:if="${ArticleShow.tags==null}"  th:text="未添加标签">未添加标签</a>
                                </td>
                                <td th:text="${ArticleShow.Article.comment_count}">文章评论数</td>
                                <td th:text="${ArticleShow.Article.modified}">文章最后更新时间</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <!-- /.box-body -->
                    <div class="box-footer">
                        <div class="row">
                            <div class="col-sm-12">
                                <ul class="pagination pull-right">
                                    <li class="paginate_button previous disabled">
                                        <a href="javascript:;">上一页</a>
                                    </li>
                                    <li class="paginate_button active">
                                        <a href="javascript:;">1</a>
                                    </li>
                                    <li class="paginate_button next disabled">
                                        <a href="javascript:;">下一页</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /.box -->
            </div>
        </div>
    </section>


</div>
<!-- Article_END -->
<!--  ./Form -->
<!-- UCenter_Footer_Start -->
<footer class="main-footer" th:replace="/ucenter/_layout ::main-footer">
    <div class="pull-right hidden-xs"></div>
    Copyright &copy; 2016-2020 <a href="http://www.jpress.io" target="_blank">JPress Studio</a>. All rights reserved.
</footer>
<!-- UCenter_Footer_End -->
<!-- UCenter_scripts -->
<th:block th:fragment="scripts" th:replace="/ucenter/_layout ::scripts">
    <script src="../../static/components/jquery/jquery.min.js" th:src="@{/components/jquery/jquery.min.js}"></script>
    <script src="../../static/components/jquery/jquery.form.min.js" th:src="@{/components/jquery/jquery.form.min.js}"></script>
    <script src="../../static/components/bootstrap/js/bootstrap.js" th:src="@{/components/bootstrap/js/bootstrap.js}"></script>
    <script src="../../static/components/bootstrap/js/bootstrap-datepicker.min.js" th:src="@{/components/bootstrap/js/bootstrap-datepicker.min.js}"></script>
    <script src="../../static/components/bootstrap/js/bootstrap-datepicker.zh-CN.min.js" th:src="@{/components/bootstrap/js/bootstrap-datepicker.zh-CN.min.js}"></script>
    <script src="../../static/components/moment/moment.min.js" th:src="@{/components/moment/moment.min.js}"></script>
    <script src="../../static/admin/js/zh-cn.js" th:src="@{/admin/js/zh-cn.js}"></script>
    <script src="../../static/components/bootstrap/js/bootstrap-datetimepicker.min.js" th:src="@{/components/bootstrap/js/bootstrap-datetimepicker.min.js}"></script>
    <script src="../../static/components/fastclick/fastclick.js" th:src="@{/components/fastclick/fastclick.js}"></script>
    <script src="../../static/components/layer/layer.js"    th:src="@{/components/layer/layer.js}"></script>
    <script src="../../static/components/switchery/switchery.min.js" th:src="@{/components/switchery/switchery.min.js}"></script>
    <script src="../../static/components/toastr/toastr.min.js" th:src="@{/components/toastr/toastr.min.js}"></script>
    <script src="../../static/adminlte/js/adminlte.min.js" th:src="@{/adminlte/js/adminlte.min.js}"></script>
    <script src="../../static/admin/js/admin.js" th:src="@{/admin/js/admin.js}"></script>
    <script src="../../static/commons/commons.js" th:src="@{/commons/commons.js}"></script>
    <script src="../../static/admin/js/csrf.js" th:src="@{/admin/js/csrf.js}"></script>
    <script src="../../static/ucenter/js/jpressucenter.js" th:src="@{/ucenter/js/jpressucenter.js}"></script>
    <script>
        var date = getPara("date");
        if ("today" == date) {
            $("#group-today").addClass("active");
        } else if ("yesterday" == date) {
            $("#group-yesterday").addClass("active");
        } else if ("7d" == date) {
            $("#group-7d").addClass("active");
        } else if ("14d" == date) {
            $("#group-14d").addClass("active");
        } else if ("28d" == date) {
            $("#group-28d").addClass("active");
        } else {
            $("#group-today").addClass("active");
        }
    </script>
</th:block>
<!-- ./UCenter_scripts -->
</body>
</html>